function bindBtnTooltip(pointer) {
    var tempTitle;
    $(pointer).hover(
        function (e) {
            e.preventDefault();
            tempTitle = $(this).attr('title');
            if (tempTitle.length < 1) {
                tempTitle = $(this).attr('tipTitle');
            }
            $(this).attr('title', '');
            $(this).attr('tipTitle', tempTitle);
            if ($("#dynamicTooltip").length == 0) {
                $('<div class="custom-tooltip-styling" id="dynamicTooltip"></div>').appendTo('body');
            }
            $("#dynamicTooltip").text($(this).attr('tipTitle'));
            $("#dynamicTooltip").show();
            $("#dynamicTooltip").css({
                position: "absolute", 
                left: $(this).offset().left - 20, 
                top: $(this).offset().top - 60
            });
        },
        // restore title on mouseout
        function () {
            $(this).attr('title', tempTitle);
            $("#dynamicTooltip").hide();
        }
        );
}        